<?php include 'view/haut.php'; ?>

<link rel="stylesheet" type="text/css" href="view/css/page_photos.css">
</div>
<div id="middle_mid">
    <script type="text/javascript">
        chargerImages();
    </script>
    <img src='./view/images/precedent_trans.png' id="precedent" onmouseover="changeImgPrecedent(event);"
         onclick="imgPrecedente();" onmouseout="changeImg('precedent','./view/images/precedent_trans.png');" alt="precedent"/>
    <img src='' id="photo" alt="photo"/>

    <img src='./view/images/suivant_trans.png' id="suivant" onmouseover="changeImg('suivant','./view/images/suivant.png');"
         onclick="imgSuivante();" onmouseout="changeImg('suivant','./view/images/suivant_trans.png');" alt="suivant"/>
    <div id="caroussel">
        <div id="decalage">
            <ul id="paths">
                <?php
                $i = 0;
                while ($row = mysql_fetch_array($content['photos'])) {
                    echo '<li><img src="' . $row['chemins'] . '" onclick="selectMiniature(' . $i . ');" style="display: inherit;"/></li>';
                    $i++;
                }
                ?>
            </ul>
        </div>
    </div>
</div>
<div id="middle_down"></div>
<div id="barre_down"></div>
</div>
<script type="text/javascript" src="view/js/photos.js"></script>
</body>
</html>
